@charset "utf-8";
/*
Theme Name: Petal
Theme URI: http://mobanbuluo.com/
Description: Just Another WordPress Theme
Author: 空杯
Author URI: http://mobanbuluo.com/
Version: 2.0
Tags: black, gray, white, two-columns, fixed-width, threaded-comments, right-sidebar, custom-background, custom-menu, theme-options
*/

/*
============================== CSS RESET
*/



/* CSS Document */

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
  margin: 0; padding: 0; border: 0;
}

body{ background:url(images/paper.jpg); color:#584f4d; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
a{ color:#555555; font-size:12px; text-decoration:none; font-size:12px;}   
a:link{ color:#555555;}
a:active{ color:#555555;}
a:visited{ color:#555555;}
a:hover{ color:#dd424a;}
 
img{ border:0px;}


.top{ width:100%;  border-bottom:2px #efebda solid;  margin:0 auto; height:60px; padding-top:20px;}
.top h1{ width:392px; float:left;}

#container{width:91%; margin:0 auto;}

.top_c{width:89%; margin:0 auto;}
.s_nav{ padding-top:20px; padding-bottom:20px; width:100%;   margin:0 auto; background-color:#fef9d2;  background:url(images/nav_bg.gif) bottom repeat-x;  border-bottom:3px #333 solid; margin-bottom:15px;}
.s_nav h2{ font-family:"微软雅黑"; font-size:34px; height:65px; line-height:55px; width:92%; margin:0 auto; text-indent:15px; font-weight:normal; color:#444444}
.s_nav ul{ list-style:none; height:40px; width:92%; margin:0 auto; }
.s_nav ul li{ padding-left:15px; padding-right:15px; height:35px; line-height:35px; text-align:center; border:1px  #bbbbbb solid;  background:url(images/nav_bg2.gif); margin-left:15px; float:left; }
.s_nav ul li:hover{background:url(images/nav_bg1.gif); border:1px #910101 solid;}
.s_nav ul li:hover a{ font-size:16px; color:#FFF;  font-family:"微软雅黑";}
.s_nav ul li:hover a:hover{color:#fff}

.s_nav ul li.current-menu-item,.s_nav ul li.current-post-ancestor,.s_nav ul li.current-post-parent{ background:url(images/nav_bg1.gif); border:1px #910101 solid;}

.s_nav ul li a{ font-size:16px; font-family:"微软雅黑";}
.s_nav ul li a:hover{color:#d83b41}

.s_nav ul li.current-menu-item a{ font-size:16px; color:#FFF;  font-family:"微软雅黑";}
.s_nav ul li.current-menu-item a:hover{color:#fff}



.s_nav ul li.current-menu-item,.s_nav ul li.current-post-ancestor,.s_nav ul li.current-post-parent a{ font-size:16px; color:#FFF;  font-family:"微软雅黑";}
.s_nav ul li.current-menu-item,.s_nav ul li.current-post-ancestor,.s_nav ul li.current-post-parent a:hover{color:#fff}


.menu22{width:1164px; margin:0 auto; margin-bottom:10px; border-bottom:3px #333 solid; background:#FFF; font-size:16px; height:42px; line-height:42px;  font-family:"微软雅黑"; text-indent:15px; margin-top:10px; }


.ks-waterfall {
        width: 220px;
        overflow: hidden;
		background:#FFF;
        border: 1px solid #c9c7c8;
        margin-bottom: 10px;
		float:left;
    }


.ks-waterfall:hover{ border: 1px solid #ffa1ab;}
.ks-waterfall:hover .txts{ background:#fef9d2}
.ks-waterfall .pinglun{ display:none}
.ks-waterfall:hover .pinglun{ display:block; width:100%; position:absolute; padding-top:10px; z-index:100;}
.ks-waterfall:hover .info{ color:#ff627c}


.ks-waterfall:hover a{ color:#dd424a}

.ico_1{ float:left; margin-left:45px; }
.ico_2{ float:right; margin-right:45px;}


.info{padding-bottom:15px; position:relative;}
.info .imgs{ width:192px; margin:0 auto;  padding-top:15px;  margin-bottom:10px;}
.info p{ width:192px; margin:0 auto; line-height:18px;}
.info .imgs img{width:192px;}



.title{background:#f2f0f0; height:100px; line-height:18px;}

.txts{ background:#f2f0f0; padding-top:10px; padding-bottom:10px; font-size:12px;  position:relative;}
.txts p{ margin-left:15px; margin-right:15px; line-height:18px; color:#ad9c9c; }

.serach{ width:344px; float:right; padding-top:5px;}
.serach_bar{ width:224px; height:28px;   background:url(images/serach_bg.gif); float:left}
.serach_bar .inputs{ width:190px; border:none; margin-left:5px; margin-top:5px; color:#a9a9a9; line-height:19px; height:19px; background:none}
.serach_bar .inputs2{ width:22px; border:none;  margin-top:5px; line-height:19px; height:19px; background:none; text-indent:-1000px; cursor:pointer;}

.serach_log{ width:100px; height:26px; background:#faf7f7; border:1px #c2c0c0 solid; float:right;}
.serach_log ul{ list-style:none}
.serach_log ul li{ width:50px; height:26px; float:left; text-align:center; line-height:26px;}
.serach_log ul li:hover{ background:#e1dfdf;}
.serach_log ul li:hover a{ color:#FFF;}

.sub_main{ width:850px; position:relative; margin:0 auto;}
.sub_left{ width:222px; float:left;  position:fixed;}
.sub_right{ float:right; width:614px;}
.sub_bar{ width:100px; position:absolute; right:-115px;  top:187px;}
.sub_bar .co{ position:fixed; }

.sub_top{ height:60px;}
.sub_pic{ width: 220px;
        overflow: hidden;
		background:#FFF;
        border: 1px solid #c9c7c8;
        margin-bottom: 10px;
}


.sub_pic:hover{ border: 1px solid #ffa1ab;}
.sub_pic:hover .txts{ background:#fef9d2}
.sub_pic .pinglun{ display:none}
.sub_pic:hover .pinglun{ display:block; width:100%; position:absolute; padding-top:10px;}
.sub_pic:hover .info{ color:#ff627c}


#sidebar{ clear:both;}
#sidebar ul{ list-style:none;}
#sidebar .widget{width: 220px; border: 1px solid #c9c7c8; background:#FFF; color:#999999; margin-bottom: 10px; overflow: hidden; padding-top:10px; padding-bottom:15px;}
#sidebar .widget .widget-title{height:30px; line-height:30px; text-indent:15px; font-size:14px; font-weight:lighter;}

#sidebar .widget li{ height:30px; line-height:30px; width:197px; margin:0 auto; border:1px #dddddd solid; background:#f9f9f9; text-indent:10px; margin-top:5px;}
#sidebar .widget .tagcloud{width:197px; margin:0 auto; line-height:30px;}
#sidebar .widget .tagcloud a{ margin-right:5px;}

#sidebar .widget .menu-item{ background:#FFF;}
.sub_list{width: 220px; border: 1px solid #c9c7c8; background:#FFF; color:#999999; margin-bottom: 10px; overflow: hidden; padding-top:10px; padding-bottom:15px;}
.sub_list ul{ list-style:none}
.sub_list ul li{ height:30px; line-height:30px; width:197px; margin:0 auto; border:1px #dddddd solid; background:#f9f9f9; text-indent:10px; margin-top:5px;}
.sub_list ul li.on{ background:#FFF;}
.sub_list span{ float:right; display:block; width:40px; border-left:1px #dddddd solid; height:30px;  text-indent:10px;}
.sub_list h1{height:30px; line-height:30px; text-indent:15px; font-size:14px; font-weight:lighter;}
.sub_list a{color:#999999;}

.sub_piclist{ width: 220px; overflow: hidden; background:#FFF; border: 1px solid #c9c7c8;  color:#999999; padding-top:10px; padding-bottom:15px; margin-bottom:10px; }
			
.sub_piclist ul{ list-style:none; width:197px; margin:0 auto; }	
.sub_piclist ul li{ width:61px; margin-left:3px; margin-bottom:3px; height:61px; overflow:hidden; float:left;}	

.sub_piclist h1{height:30px; text-indent:15px; font-size:14px; font-weight:lighter; line-height:30px;}
.sub_piclist p{ clear:both; width:197px; margin:0 auto; text-indent:5px;}
.sub_piclist p a{ margin-right:5px;}


.sub_nav{ padding-top:10px; padding-bottom:10px; width:100%;   margin:0 auto; background-color:#fef9d2;  background:url(images/nav_bg.gif) bottom repeat-x;  border-bottom:2px #efebda solid; margin-bottom:15px;}
.sub_nav h2{ font-family:"微软雅黑"; font-size:24px; height:50px; line-height:50px; padding-left:30px;  font-weight:normal; color:#444444}
.sub_nav ul{ list-style:none; height:40px;  padding-left:30px;  }
.sub_nav ul li{ padding-left:15px; padding-right:15px; height:35px; line-height:35px; text-align:center; border:1px  #bbbbbb solid;  background:url(images/nav_bg2.gif); margin-right:15px; float:left; }
.sub_nav ul li:hover{background:url(images/nav_bg1.gif); border:1px #910101 solid;}
.sub_nav ul li:hover a{ font-size:16px; color:#FFF;  font-family:"微软雅黑";}
.sub_nav ul li:hover a:hover{color:#fff}

.sub_nav ul li.on{ background:url(images/nav_bg1.gif); border:1px #910101 solid;}

.sub_nav ul li a{ font-size:16px; font-family:"微软雅黑";}
.sub_nav ul li a:hover{color:#d83b41}
.sub_nav ul li.on a{ font-size:16px; color:#FFF;  font-family:"微软雅黑";}
.sub_nav ul li.on a:hover{color:#fff}


.sub_co{ width:100%; overflow: hidden; background:#FFF; border: 1px solid #c9c7c8;  color:#999999; padding-bottom:15px; margin-bottom:10px;}
.sub_co_top{padding:20px 30px 20px 30px; border-bottom: 1px solid #c9c7c8;  }
.sub_co_top .l{ width:60px; float:left;}
.sub_co_top .r{ float:left;}
.sub_co_top .imgs{ width:50px; height:50px; overflow:hidden}
.sub_co_top .imgs img{ width:50px;}
.sub_co_top h1{ height:30px; line-height:30px; font-size:18px; color:#211922;  font-family:"微软雅黑"; font-weight:lighter}
.sub_co_top p{ line-height:20px; color:#8c7e7e}
.sub_co_d{padding:20px 30px 20px 30px;}
.sub_co_art{padding:20px 30px 20px 30px;}
.sub_co_art img{max-width:566px; margin:0 auto;}
.sub_co_art p{ line-height:25px; color:#8c7e7e}


#comments h3{height:30px; line-height:30px; font-size:18px; color:#211922;  font-family:"微软雅黑"; font-weight:lighter; padding:10px 30px 10px 30px;}
.comment{border-bottom:1px #CCC solid;  padding:10px 30px 10px 30px;}
.comment .avatar{ width:64px; height:64px; float:left; margin-right:20px; margin-top:5px;}
.comment .fn{height:30px; line-height:30px; font-size:18px; color:#211922;  font-family:"微软雅黑"; font-weight:lighter}
.comment .comment-body{ margin-top:10px;}
.comment .comment-body p{ line-height:25px;} 
.reply{line-height:25px; height:25px; text-align:right;}



#commentform{ padding:10px 30px 10px 30px;}
#comment{ clear:both;}
#commentform lable{ width:100%; clear:both; color:#F00;  display:none;}
#commentform input{ border:1px #CCC solid; background:#FFF; height:30px; line-height:30px;}
#commentform p{ padding-top:10px; padding-bottom:10px;}

#commentform label{ width:50px; font-size:16px; color:#979797; line-height:30px;  font-family:"微软雅黑"; display:block; position:absolute; left:0px;}
.children .comment{border-bottom:none; background:#eeeced;  padding:10px 30px 10px 30px;}
#commentform .required{ position:absolute; left:40px; line-height:40px; color:#333;  font-family:"微软雅黑"; }

.comment-form-author,.comment-form-email,.comment-form-url{height:40px;}
.comment-form-comment{ height:120px;}
.comment-form-author,.comment-form-email,.comment-form-url,.comment-form-comment,.form-submit{ position:relative}
.comment-form-author input,.comment-form-email input,.comment-form-url input,.comment-form-comment textarea ,.form-submit input{ position:absolute; left:60px;}
.comment-form-comment textarea{border:1px #CCC solid; background:#FFF; height:120px; width:300px;}

.form-submit { height:40px;}
.form-submit input{ padding-left:15px; padding-right:15px; height:35px; line-height:35px; text-align:center; border:1px  #bbbbbb solid;  background:url(images/nav_bg2.gif); }

.sub_co_pinglun .l{ width:60px; float:left;}
.sub_co_pinglun .r{ float:left;}
.sub_co_pinglun .imgs{ width:50px; height:50px; overflow:hidden}
.sub_co_pinglun .imgs img{ width:50px;}
.sub_co_pinglun h1{ height:30px; line-height:30px; font-size:18px; color:#211922;  font-family:"微软雅黑"; font-weight:lighter}
.sub_co_pinglun p{ line-height:20px; color:#8c7e7e}

.bar{width:60px; padding-top:10px; clear:both; font-size:14px;}
.bar_l{ float:left; background:url(images/bar_l1.gif) no-repeat; width:22px; height:24px; overflow:hidden;}
.bar_r{ float:right;  background:url(images/bar_l2.gif) no-repeat; width:22px; height:24px; overflow:hidden;}
.bar_l a{width:22px; height:24px; display:block;}
.bar_r a{width:22px; height:24px; display:block;}


.not-found{ width:400px; margin:0 auto; text-align:center; line-height:40px; padding-top:60px;}
.not-found h1{font-size:18px; color:#F00; font-family:"微软雅黑";}

.aligncenter{ margin:0 auto; text-align:center;}


#goTopBtn{  position:fixed; right:20px;  bottom:0px; width:62px; height:74px;  cursor:pointer; color:#FFF; background-image:url(images/Top.gif); text-align:center; font-size:12px;
_position:absolute;_right:0;
_left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,0)||0));
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
